<template>
  <div class="warp">
    <div class="recordItem">
      <div class="recordItem_title">
        <span class="recordItem_title_l">不适合</span>
        <span class="recordItem_title_m">03-28 17:28</span>
      </div>
      <div class="recordItem_content">
        <div class="recordItem_content_l">
          <span class="ellipsis">web开发工程师</span>
          <span class="ellipsis">阿里巴巴集团控股有限公司</span>
        </div>
        <div class="recordItem_content_r">
          <span>广州-南沙区</span>
          <span>申请日期：03-18</span>
        </div>
      </div>
    </div>
    <div class="recordItem">
      <div class="recordItem_title">
        <span class="recordItem_title_l">不适合</span>
        <span class="recordItem_title_m">03-28 17:28</span>
      </div>
      <div class="recordItem_content">
        <div class="recordItem_content_l">
          <span class="ellipsis">web开发工程师</span>
          <span class="ellipsis">阿里巴巴集团控股有限公司</span>
        </div>
        <div class="recordItem_content_r">
          <span>广州-南沙区</span>
          <span>申请日期：03-18</span>
        </div>
      </div>
    </div>
    <div class="recordItem">
      <div class="recordItem_title">
        <span class="recordItem_title_l">不适合</span>
        <span class="recordItem_title_m">03-28 17:28</span>
      </div>
      <div class="recordItem_content">
        <div class="recordItem_content_l">
          <span class="ellipsis">web开发工程师</span>
          <span class="ellipsis">阿里巴巴集团控股有限公司</span>
        </div>
        <div class="recordItem_content_r">
          <span>广州-南沙区</span>
          <span>申请日期：03-18</span>
        </div>
      </div>
    </div>
    <div class="recordItem">
      <div class="recordItem_title">
        <span class="recordItem_title_l">不适合</span>
        <span class="recordItem_title_m">03-28 17:28</span>
      </div>
      <div class="recordItem_content">
        <div class="recordItem_content_l">
          <span class="ellipsis">web开发工程师</span>
          <span class="ellipsis">阿里巴巴集团控股有限公司</span>
        </div>
        <div class="recordItem_content_r">
          <span>广州-南沙区</span>
          <span>申请日期：03-18</span>
        </div>
      </div>
    </div>
    <div class="recordItem">
      <div class="recordItem_title">
        <span class="recordItem_title_l">不适合</span>
        <span class="recordItem_title_m">03-28 17:28</span>
      </div>
      <div class="recordItem_content">
        <div class="recordItem_content_l">
          <span class="ellipsis">web开发工程师</span>
          <span class="ellipsis">阿里巴巴集团控股有限公司</span>
        </div>
        <div class="recordItem_content_r">
          <span>广州-南沙区</span>
          <span>申请日期：03-18</span>
        </div>
      </div>
    </div>
    <div class="recordItem">
      <div class="recordItem_title">
        <span class="recordItem_title_l">不适合</span>
        <span class="recordItem_title_m">03-28 17:28</span>
      </div>
      <div class="recordItem_content">
        <div class="recordItem_content_l">
          <span class="ellipsis">web开发工程师</span>
          <span class="ellipsis">阿里巴巴集团控股有限公司</span>
        </div>
        <div class="recordItem_content_r">
          <span>广州-南沙区</span>
          <span>申请日期：03-18</span>
        </div>
      </div>
    </div>
    <div class="recordItem">
      <div class="recordItem_title">
        <span class="recordItem_title_l">不适合</span>
        <span class="recordItem_title_m">03-28 17:28</span>
      </div>
      <div class="recordItem_content">
        <div class="recordItem_content_l">
          <span class="ellipsis">web开发工程师</span>
          <span class="ellipsis">阿里巴巴集团控股有限公司</span>
        </div>
        <div class="recordItem_content_r">
          <span>广州-南沙区</span>
          <span>申请日期：03-18</span>
        </div>
      </div>
    </div>
    <div class="recordItem">
      <div class="recordItem_title">
        <span class="recordItem_title_l">不适合</span>
        <span class="recordItem_title_m">03-28 17:28</span>
      </div>
      <div class="recordItem_content">
        <div class="recordItem_content_l">
          <span class="ellipsis">web开发工程师</span>
          <span class="ellipsis">阿里巴巴集团控股有限公司</span>
        </div>
        <div class="recordItem_content_r">
          <span>广州-南沙区</span>
          <span>申请日期：03-18</span>
        </div>
      </div>
    </div>
    <div class="recordItem">
      <div class="recordItem_title">
        <span class="recordItem_title_l">不适合</span>
        <span class="recordItem_title_m">03-28 17:28</span>
      </div>
      <div class="recordItem_content">
        <div class="recordItem_content_l">
          <span class="ellipsis">web开发工程师</span>
          <span class="ellipsis">阿里巴巴集团控股有限公司</span>
        </div>
        <div class="recordItem_content_r">
          <span>广州-南沙区</span>
          <span>申请日期：03-18</span>
        </div>
      </div>
    </div>
    <div class="recordItem">
      <div class="recordItem_title">
        <span class="recordItem_title_l">不适合</span>
        <span class="recordItem_title_m">03-28 17:28</span>
      </div>
      <div class="recordItem_content">
        <div class="recordItem_content_l">
          <span class="ellipsis">web开发工程师</span>
          <span class="ellipsis">阿里巴巴集团控股有限公司</span>
        </div>
        <div class="recordItem_content_r">
          <span>广州-南沙区</span>
          <span>申请日期：03-18</span>
        </div>
      </div>
    </div>
    <div class="recordItem">
      <div class="recordItem_title">
        <span class="recordItem_title_l">不适合</span>
        <span class="recordItem_title_m">03-28 17:28</span>
      </div>
      <div class="recordItem_content">
        <div class="recordItem_content_l">
          <span class="ellipsis">web开发工程师</span>
          <span class="ellipsis">阿里巴巴集团控股有限公司</span>
        </div>
        <div class="recordItem_content_r">
          <span>广州-南沙区</span>
          <span>申请日期：03-18</span>
        </div>
      </div>
    </div>
    <div class="recordItem">
      <div class="recordItem_title">
        <span class="recordItem_title_l">不适合</span>
        <span class="recordItem_title_m">03-28 17:28</span>
      </div>
      <div class="recordItem_content">
        <div class="recordItem_content_l">
          <span class="ellipsis">web开发工程师</span>
          <span class="ellipsis">阿里巴巴集团控股有限公司</span>
        </div>
        <div class="recordItem_content_r">
          <span>广州-南沙区</span>
          <span>申请日期：03-18</span>
        </div>
      </div>
    </div>
  </div>
</template>

<script>
// import store from "../vuex/store.js";
import API from "../api/api.js";
export default {
  data() {
    return {};
  },
  mounted() {
    this.getuser();
  },
  methods: {
    // getItem(){
    //     this.user= localStorage.getItem('user'),
    //     this.token=localStorage.getItem('token')
    // },
    getuser() {
      // console.log(this.user,this.token)
      if (
        !this.$store.state.id ||
        !this.$store.state.user ||
        !this.$store.state.token
      ) {
        this.$router.push({
          name: "login"
        });
        return;
      }
      API.personal_token(this.$store.state.id, this.$store.state.token).then(
        res => {
          if (res.data.code == 1) {
            this.$message({
              message: res.data.msg,
              type: "success"
            });
          }
          if (res.data.code == 0) {
            this.$message(res.data.msg);
            this.$store.commit('_removeItem');
            this.$router.push({name:'login'})
            return;
          }
        }
      );
    }
  }
};
</script>

<style scoped>
/* 公共样式 */
.ellipsis {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.warp {
  width: 100%;
  background: #f3e5f5;
  /* padding: 0.2rem; */
}
.recordItem {
  margin-bottom: 0.12rem;
  padding: 0.1rem 0.2rem;
  background-color: #fff;
}
.recordItem_title {
  border-bottom: 0.006rem solid #e7e7e7;
  font-size: 0.376rem;
  padding: 0.04rem 0;
}
.recordItem_title_l {
  margin-right: 0.36rem;
  color: #800080;
}
.recordItem_title_m {
  color: #8f8f8f;
}
.recordItem_content {
  display: flex;
  justify-content: space-between;
  padding: 0.04rem 0;
}
.recordItem_content_l {
  width: 58%;
  display: flex;
  flex-flow: column;
  justify-content: space-between;
}
.recordItem_content_r {
  color: #818181;
  font-size: 0.34rem;
  text-align: right;
  width: 42%;
  display: flex;
  flex-flow: column;
  justify-content: space-between;
}
</style>
